<template>
  <div class="enterprise-live">
    <Header></Header>
    <div class="banner-wrap">
      <div class="banner main-container">
        <img src="~@/assets/img/img_13_249.png" alt />
        <div class="content">
          <h1>活动直播</h1>
          <p>线上线下联动，打破时间与空间距离，一键同步直播支持<br>40+主流平台在线观看，最大量直播曝光,让更多人看到您的活动</p>
          <p>专题讲座、活动沙龙、户外活动、演出赛事</p>
          <button @click="$router.push({name:'login'})">了解更多</button>
        </div>
      </div>
    </div>
    <div class="section-list">
      <div class="section style2">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">活动直播一站式解决方案</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <ul>
              <li>
                <img src="~@/assets/img/img_13_723.png" alt />
              </li>
              <li>
                <img src="~@/assets/img/img_13_725.png" alt />
              </li>
              <li>
                <img src="~@/assets/img/img_13_727.png" alt />
              </li>
              <li>
                <img src="~@/assets/img/img_13_724.png" alt />
              </li>
              <li>
                <img src="~@/assets/img/img_13_726.png" alt />
              </li>
            </ul>
          </div>
        </div>
      </div>

      <div class="section style1">
        <div class="section-inner">
        <div class="tit-container scrollRevealTop0">
            <div class="tit">丰富的营销功能助力快速获客</div>
          </div>
        <div class="section-inner" style="    padding-bottom: 13px;">
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_13_251.png" alt style="    width: 80%; margin-top: 0px;" />
            <div class="innerlist_neso">直播前</div>
                <div class="innerlist_text">
                  支持直播聚合页、<br>
                  图片+视频直播等多种直播形式<br>
                  生成自定义邀请海报分享，扫码即可预约，<br>
                  观看直播，活动预热引流
                 </div>
          </div>
        </div>
      </div>
      </div>

      <div class="section style1">
        <div class="section-inner" style="    padding-bottom: 13px;">
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_13_252.png" alt  style="    width: 80%;"/>
            <div class="innerlist_neso">直播中</div>
                <div class="innerlist_text">高清流畅直播，<br>
                  支持百万用户同时在线互动，<br>
                  直播观看低延时<br>
                  支持将直播内容同步40+主流直播平台，<br>
                  最大程度扩大辐射范围<br>
                  聊天弹幕、红包打赏，在线抽奖，<br>
                  送礼点赞等丰富功能活跃会议氛围</div>
          </div>
        </div>
      </div>
  <div class="section style1">
        <div class="section-inner" style="    padding-bottom: 13px;">
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_13_250.png" alt  style="    width: 80%;"/>
            <div class="innerlist_neso">直播后</div>
                <div class="innerlist_text">直播结束自动转为回放，<br>
                  支持视频剪辑、视频下载<br>
                  用户数据、直播数据、直播收益等多个维度数据，<br>
                  可视化数据报告，全方位展示活动效果</div>
          </div>
        </div>
      </div>
      <div class="section style4">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">现场支持服务一站式</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <ul>
              <li>
                <img src="~@/assets/img/img_3_15.png" alt />
                <div>专业机器设备</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_17.png" alt />
                <div>专业灯光设备</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_18.png" alt />
                <div>专业摄影人员</div>
              </li>
              <li>
                <img src="~@/assets/img/img_3_8.png" alt />
                <div>专业导播人员</div>
              </li>
            </ul>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style3">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">安全稳定大机构信赖</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <swiper class="swiper" :options="swiperOption1">
              <swiper-slide>
                <div class="content">
                  <div>
                    <img src="~@/assets/img/img_1_8.png" alt />
                  </div>
                  <h1>《故宫知时节》读书分享会线上直播</h1>
                  <p>
                    故宫博物院副院长 任万平
                    <br />央视著名主持人 宋英杰
                    <br />现场解读故宫节气与物候之美
                  </p>
                  <span>
                    联合人民网、央视频、中央人民广播电台、
                    <br />微博、抖音、腾讯视频、优酷等同步直播
                  </span>
                </div>
              </swiper-slide>
              <swiper-slide>
                <div class="content">
                  <div>
                    <img src="~@/assets/img/img_13_47.png" alt />
                  </div>
                  <h1>第四届未来网络发展大会</h1>
                  <p>
                    “云上+线下”模式，双向并举
                    <br />融合大会九大板块，集成十余论坛直播入口，一目了然
                  </p>
                  <span>
                    联合人民网、央视频、中央人民广播电台、
                    <br />微博、抖音、腾讯视频、优酷等同步直播
                  </span>
                </div>
              </swiper-slide>
              <swiper-slide>
                <div class="content">
                  <div>
                    <img src="~@/assets/img/img_13_721.jpg" alt />
                  </div>
                  <h1>城轨好讲师大赛决赛直播</h1>
                  <p>
                    在弱网的城铁里如何给地铁定位
                    <br />成竹在胸，不负所托，经得起检验的线上大赛
                  </p>
                  <span>
                    联合人民网、央视频、中央人民广播电台、
                    <br />微博、抖音、腾讯视频、优酷等同步直播
                  </span>
                </div>
              </swiper-slide>
              <div class="swiper-pagination" slot="pagination"></div>
            </swiper>
          </div>
        </div>
      </div>
      <tryOut></tryOut>
    </div>
    <Footer></Footer>
    <fixed-btn></fixed-btn>
  </div>
</template>

<script>
import Header from "@/components/header";
import Footer from "@/components/footer";
import FixedBtn from "@/components/FixedBtn";
import tryOut from "@/components/tryOut";
import common from "@/assets/js/common";
import config from "@/assets/js/config";

//import $ from "jquery";

export default {
  name: "enterprise-live",
  mixins: [common],
  components: {
    Header,
    Footer,
    FixedBtn,
    tryOut
  },
  data() {
    return {
      swiperOption1: {
        slidesPerView: "auto",
        centeredSlides: true,
        loop: true,
        autoplay: {
          delay: 5000,
          disableOnInteraction: false,
          autoplayDisableOnInteraction: false
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        }
      }
    };
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.innerlist_neso{
  font-weight: 500;
  line-height: 33px;
}
.innerlist_text{
      line-height: 20px;
    font-size: 12px;
    color: #7C7C7C;
}
</style>
